<template>
  <div class="card-list">
    <Card
      v-for="item in cardList"
      :show-index="true"
      :key="item.id"
      :item="item"
    />
  </div>
</template>
<script setup>
import { ref, onMounted } from 'vue';
import Card from './Card.vue';
import { commonSenseList } from '@/utils/guide';

const cardList = commonSenseList;

onMounted(() => {});
</script>

<style scoped lang="scss">
.card-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
</style>
